<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>发布文章</title>
    <script src="js/ckeditor.js"></script>
    <script src="js/ckfinder.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div th:include="head"></div>
    <div id="product">
        <h2 class="center">发布文章</h2>
        <div class="ui form">
            <!-- 分类 -->
            <div>
                <select name="classify" id="classifyId">
                    <option v-for="item in classify" :value="item.classifyId">{{item.name}}</option>
                </select>
            </div>
            <!-- 标题 -->
            <input type="text" name="title" placeholder="标题" id="title">
            <input type="text" name="description"  placeholder="描述" id="description">
        </div>
    </div>
    <!-- 内容 -->
    <div style="width: 68%;margin: 24px auto;">
        <div id="toolbar-container"></div>
        <textarea name="content" id="editor">
            <p>文章内容</p>
        </textarea>
    </div>
    <div class="center">
        <button class="ui basic button" onclick="product()">发布文章</button>
    </div>
    <script src="/js/product.js"></script>
    <link rel="stylesheet" href="/css/product.css">
</body>

</html>